<!-- 底部 -->
<footer class="ui inverted vertical segment m-padded-tb-massive">
    <div class="ui center aligned container">
        <div class="ui inverted divided stackable grid">
            <div class="three wide column">
                <div class="ui inverted link list">
                    <div class="item">
                        <img src="img/weixin.jpg" class="ui rounded image" alt="" style="width: 110px">
                    </div>
                </div>
            </div>
            <div class="three wide column">
                <h4 class="ui inverted header m-text-thin m-text-spaced ">最新笔记</h4>

                <div class="ui inverted link list">
                    <#if newNote??>
                        <a href="/note/detail?id=${newNote.id}" class="item m-text-thin">${newNote.title}</a>
                    <#else>
                        暂无最新笔记
                    </#if>
                </div>


            </div>
            <div class="three wide column">
                <h4 class="ui inverted header m-text-thin m-text-spaced ">联系我</h4>
                <div class="ui inverted link list">
                    <a href="#" class="item m-text-thin">Email：18852971173@163.com</a>
                    <a href="#" class="item m-text-thin">QQ：603943533</a>
                </div>
            </div>
            <div class="seven wide column">
                <h4 class="ui inverted header m-text-thin m-text-spaced ">NoteBank</h4>
                <p class="m-text-thin m-text-spaced m-opacity-mini">
                    这是我的个人笔记库，保存了一些我从前学习的笔记，并借此整合我所学的知识，希望能有所帮助。
                </p>
            </div>
        </div>
        <div class="ui inverted section divider"></div>
        <p class="m-text-thin m-text-spaced m-opacity-tiny">Copyright © 2020 Ruozhuliufeng<br> Designed by
        <p style="color: blue"> RUOZHULIUFENG</p> </p>
    </div>

</footer>
